{include file="common:head" /}
<link rel="stylesheet" type="text/css" href="__STATIC__/move/css/video.css">
<style type="text/css">
	.swiper-button-prev:after, .swiper-button-next:after{
		font-size: 12px;
		font-weight: bold;
		color:#fff;
	}
	img.li-con {
		width: 172px;
		height: 106px;
	}
	.over-hide11 {
		overflow: hidden;
		text-overflow: ellipsis;
		/* white-space: nowrap; */
	}
</style>

	<body>

		{include file="common:header" /}

		<div class="index-content">
				<div class="video">

					<div class="swiper-container" style="height: 33%;">
						<div class="swiper-wrapper">
							{volist name="video_banner" id = "item"}
							<div class="swiper-slide" onclick="openwin('{$item.move_click_url}')"><img src="{$item.img}"></div>
							{/volist}

						</div>
						<!-- 如果需要导航按钮 -->
						<div class="swiper-button-prev"></div>
						<div class="swiper-button-next"></div>
					</div>

					<!-- 热门节目 -->
					<div class="video-two person padd16">
						<div class="two-title">热门节目</div>
						<div>
							<div class="person-con clearfix">
								<ul>
									{volist name="hot_video" id = "items"}
									<li class="fl" onclick="openwin('/move/video/video_detail?id={$items.id}')">
										<img class="li-con" src="{$items.image}" alt="">
										<div>
											<p class="over-hide1 per-name">{$items.title}</p>
<!--											<p class="per-txt">{$items.desc}</p>-->
										</div>
									</li>
									{/volist}
								</ul>
							</div>
						</div>
					</div>
					<!-- 高级私人订制 -->
					<div class="video-two person padd16">
						<div class="two-title">高级私人订制</div>
						<div>
							<div class="person-con clearfix">
								<ul>
									{volist name="private_video" id = "item"}
									<li class="fl" onclick="openwin('/move/video/video_detail?id={$item.id}')">
										<img class="li-con" src="{$item.image}" alt="">
										<div>
											<p class="over-hide1 per-name">{$item.title}</p>
<!--											<p class="per-txt">{$item.desc} </p>-->
										</div>
									</li>
									{/volist}
								</ul>
							</div>
						</div>
					</div>
					<!-- 原创精选 -->
					<div class="video-two person padd16">
						<div class="two-title">原创精选</div>
						<div>
							<div class="person-con clearfix">
								<ul>

									{volist name="original_video" id = "item"}
									<li class="fl" onclick="openwin('/move/video/video_detail?id={$item[\'id\']}')">
										<img class="li-con" src="{$item.image}" alt="{$item.title}">
										<div>
											<p class="over-hide1 per-name">{$item.title}</p>
<!--											<p class="per-txt">{$item.desc}</p>-->
										</div>
									</li>
									{/volist}

								</ul>
							</div>
						</div>
					</div>
				</div>
			{include file="common:footer" /}

		{include file="common:telphone" /}
		</div>
		<script type="text/javascript" src="__STATIC__/move/js/jquery-3.2.1.min.js"></script>
		<script type="text/javascript" src="__STATIC__/move/js/swiper.min.js"></script>
		<script type="text/javascript" src="__STATIC__/index/js/common.js"></script>
		<script type="text/javascript">
			var swiper = new Swiper('.swiper-container', {
				autoplay:true,
				navigation: {
					nextEl: '.swiper-button-next',
					prevEl: '.swiper-button-prev',
				},
			});
			var swiper2 = new Swiper('.evaluation-container', {
				slidesPerView: 3,
				spaceBetween: 7
			});
		</script>
	</body>
</html>